% !Mode:: "TeX:UTF-8"

\chapter{项目展示}

\section{项目展示}
\begin{itemize}
    

    \item{获取验证码}
    
    获取验证码的功能如图~\ref{fig:ch3}所示：
    \begin{figure}[htbp]
    \centering
    \includegraphics[width=0.7\textwidth]{ch3}
    \vspace{-2.0em}
    \caption{获取验证码失败}\label{fig:ch3}
    \vspace{\baselineskip}
    \end{figure}

在手机号未被注册时弹出提示窗口，表示输入了错误的手机号，无法获
取验证码。

\begin{figure}[htbp]
\centering
\includegraphics[width=0.7\textwidth]{ch4}
\vspace{-2.0em}
\caption{获取验证码成功}\label{fig:ch4}
\vspace{-2.0em}
\vspace{\baselineskip}
\end{figure}

在输入正确的手机号后可以获得验证码，且需要十秒后才能重新点击此按
钮。获得的验证码如上图所示，获得了验证码：7981

\item{找回密码}
找回密码的功能如图~\ref{fig:ch2}所示：

\begin{figure}[htbp]
\centering
\includegraphics[width=0.7\textwidth]{ch2}
\caption{找回密码}\label{fig:ch2}
\vspace{\baselineskip}
\end{figure}
如上图，在忘记密码时，我们可以输入正确的手机号并获取验证码，以
此找回密码。

\item{隐藏密码}

隐藏密码的功能如图~\ref{fig:ch5}所示：
\begin{figure}[htbp]
\centering
\includegraphics[width=0.6\textwidth]{ch5}
\caption{隐藏密码}\label{fig:ch5}
\vspace{\baselineskip}
\end{figure}

如上图所示，在设置隐藏密码后，当前密码不可见，且密码处有一个眼
睛的标志。如果再次点击该标志，则密码会重新变为可见状态。

~

~

~

如下图所示，点击眼睛图标后，密码变为可见。
\begin{figure}[htbp]
\centering
\includegraphics[width=0.6\textwidth]{ch6}
\caption{显示密码}\label{fig:ch6}
\vspace{\baselineskip}
\end{figure}


\item{支付功能}

支付功能如图~\ref{fig:ch7}所示：
\begin{figure}[htbp]
\centering
\includegraphics[width=0.8\textwidth]{ch7}
\caption{支付功能}\label{fig:ch7}
\vspace{\baselineskip}
\end{figure}

如上图所示，原先支付按钮无法点击，经过修改后可以显示支付成功。且后续的订单中的支付按钮也可以点击。

\begin{figure}[htbp]
\centering
\includegraphics[width=0.7\textwidth]{ch8}
\vspace{-3.0em}
\caption{支付功能}\label{fig:ch8}
\vspace{\baselineskip}
\end{figure}

如上图所示，可以查看订单中已支付和未支付的交易。同时可以点击未支付的订单进行支付。




\item{个人中心}

个人中心如图~\ref{fig:ch20}所示：
\begin{figure}[htbp]
\centering
\includegraphics[width=0.6\textwidth]{ch20}
\vspace{-2.0em}
\caption{个人中心}\label{fig:ch20}
\vspace{\baselineskip}
\end{figure}

新增加了个人中心的界面，其中有积分商城、我的优惠券、收货地址、我的钱包等功能。

~

~

~

\item{积分商城}

在每次消费后，用户会获得一定的积分。在积分累计到一定数量后，系统会自动升级
用户的VIP等级，此刻该用户是最初始的白银会员。同时积分还可以兑换优惠券和部分物品。

~

可兑换的物品如图~\ref{fig:ch22}所示：
\begin{figure}[htbp]
\centering
\includegraphics[width=0.5\textwidth]{ch22}
\vspace{-3.0em}
\caption{物品兑换}\label{fig:ch22}
\vspace{\baselineskip}
\end{figure}

以上为部分可兑换的物品。

~

\item{我的优惠券}

最初拥有的优惠券如图~\ref{fig:ch26}所示：
\begin{figure}[htbp]
    \vspace{-2.0em}
\centering
\includegraphics[width=0.5\textwidth]{ch26}
\vspace{-1.0em}
\caption{最初拥有的优惠券}\label{fig:ch26}
\vspace{\baselineskip}
\end{figure}

~


第一次消费如图~\ref{fig:ch27}所示：
\begin{figure}[htbp]
\centering
\includegraphics[width=0.7\textwidth]{ch27}
\caption{第一次消费}\label{fig:ch27}
\vspace{-2.0em}
\vspace{\baselineskip}
\end{figure}

第一笔消费为32元。此时出现去使用的按钮，我们可点击此按钮选择饿了么系统的优惠券。


可用的优惠券如图~\ref{fig:ch28}所示：
\begin{figure}[htbp]
\centering
\includegraphics[width=0.6\textwidth]{ch28}
\vspace{-2.0em}
\caption{可用的优惠券}\label{fig:ch28}
\vspace{\baselineskip}
\end{figure}

在消费金额为32元时，系统为我们提供了符合当前价格的优惠券。即满30减6的优惠券。但是不提供满50减10和满35减12的优惠券。

~

~

~

~

~

~

第二次消费如图~\ref{fig:ch26}所示：
\vspace{-2.0em}
\begin{figure}[htbp]
\centering
\includegraphics[width=0.5\textwidth]{ch26}
\vspace{-2.0em}
\caption{可用的优惠券}\label{fig:ch26}
\vspace{\baselineskip}
\end{figure}

在其他金额的消费时，系统提供不一样的优惠券。在支付成功后，我的优惠券数量会自动扣除。


优惠的订单如图~\ref{fig:ch100}所示：
\vspace{-1.0em}
\begin{figure}[htbp]
\centering
\includegraphics[width=0.6\textwidth]{ch100}
\vspace{-1.0em}
\caption{订单优惠}\label{fig:ch100}
\vspace{\baselineskip}
\end{figure}

此时可以看到订单使用了优惠券，优惠了10元。

~

~

~

~

~

~

~

\item{虚拟钱包}

虚拟钱包如图~\ref{fig:ch31}所示：
\vspace{-1.0em}
\begin{figure}[htbp]
\centering
\includegraphics[width=0.6\textwidth]{ch31}
\caption{虚拟钱包}\label{fig:ch31}
\vspace{\baselineskip}
\end{figure}

用户可以将钱存到虚拟钱包中，在购买食品的时候可以直接扣除虚拟钱包中的零钱。同时虚拟钱包还包括充值和提现的功能。
\end{itemize}
